Popup Menu に井戸端の全ての記法を追加するUserScript
このページをみんなで好きなだけ書き換えてね（はーと）
UserScript.icon
settings を変更したときにテストする項目を並べたページ
記法サンプル
種類が多すぎるから数種類のヴァリアントがあって然るべきだと思うのNrem.icon
とりあえず汎用性があり利便性の見込まれるものを./script.jsに入れます #2026-07-02
bg.icon./script.js
最もオーソドックスな記法類
マーカー記法
ハイライト
code:script.js
scrapbox.PopupMenu.addButton({
title: 'ハイライト',
onClick: text => text.split('\n').map(line => [[${line}]]).join('\n')
})
太字記法
太字
code:script.js
scrapbox.PopupMenu.addButton({
title: '太字',
onClick: text => text.split('\n').map(line => [* ${line}]).join('\n')
})
太字*4
ページタイトルと同じ文字サイズです
code:script.js
scrapbox.PopupMenu.addButton({
title: '太字*4',
onClick: text => text.split('\n').map(line => [**** ${line}]).join('\n')
})
太字*10
*の最大数
code:script.js
scrapbox.PopupMenu.addButton({
title: '太字*10',
onClick: text => text.split('\n').map(line => [********** ${line}]).join('\n')
})
斜体記法
斜体
code:script.js
scrapbox.PopupMenu.addButton({
title: '斜体',
onClick: text => text.split('\n').map(line => [/ ${line}]).join('\n')
})
打ち消し線
strike through
code:script.js
scrapbox.PopupMenu.addButton({
title: '打ち消し線',
onClick: text => text.split('\n').map(line => [- ${line}]).join('\n')
})
下線記法
下線
code:script.js
scrapbox.PopupMenu.addButton({
title: '下線',
onClick: text => text.split('\n').map(line => [_ ${line}]).join('\n')
})
下線（波線・赤）
赤波線
code:script.js
scrapbox.PopupMenu.addButton({
title: '赤波線',
onClick: text => text.split('\n').map(line => [_~ ${line}]).join('\n')
})
モザイク記法
モザイク
code:script.js
scrapbox.PopupMenu.addButton({
title: 'モザイク',
onClick: text => text.split('\n').map(line => [~ ${line}]).join('\n')
})
引用記法
引用
code:script.js
scrapbox.PopupMenu.addButton({
title: '> 引用',
onClick: text => text.split(/\n/).map(line => > ${line}).join('\n')
});
インライン引用記法
インライン引用
code:script.js
scrapbox.PopupMenu.addButton({
title: 'インライン引用',
onClick: text => text.split('\n').map(line => [" ${line}]).join('\n')
})
出典記法/リンクを出典アイコンにするUserCSS
井戸端
code:script.js
scrapbox.PopupMenu.addButton({
title: 'リンクを添え字形式にする',
onClick: text => text.split('\n').map(line => [. ${line}]).join('\n')
})
インラインコード記法
code
code:script.js
scrapbox.PopupMenu.addButton({
title: 'code',
onClick: text => text.split('\n').map(line => \`${line}\`).join('\n')
})
数式記法
$ TeX
code:script.js
scrapbox.PopupMenu.addButton({
title: 'TeX',
onClick: text => text.split('\n').map(line => [$ ${line}]).join('\n')
})
ルビ記法
サファイアルビ
code:script.js
scrapbox.PopupMenu.addButton({
title: 'ルビ',
onClick: text => text.split('\n').map(line => [< ${line}]).join('\n')
})
リンクの直前にページ.iconを挿入する
ユーザーフラッグ記法
仮書き
code:script.js
scrapbox.PopupMenu.addButton({
title: 'ユーザーフラッグとして挿入',
onClick: text => text.split('\n').map(line => [> [${line}]]).join('\n')
})
井戸端を検索
code:script.js
// 選択された文字列をScrapboxプロジェクト内で検索する
// Scapbox検索ボックスを使ったときと同じ結果ページを開く
scrapbox.PopupMenu.addButton({
title: '🔍️project内検索',
onClick: function (text) {
var projectName = 'villagepump';
window.open('https://scrapbox.io/'+ projectName +'/search/page?q=' + text);
}
});
ページタイトル記法
bg.iconページタイトル
code:script.js
scrapbox.PopupMenu.addButton({
title: 'ページタイトル',
onClick: text => text.split('\n').map(line => [bg.icon][**** ${line}]\n).join('\n')
})
bg.iconをCSSで描画するUserCSS（bg.icon)
bg.icon改ページ記号を挿入
code:script.js
scrapbox.PopupMenu.addButton({
title: '改ページ記号を挿入',
onClick: text => text.split('\n').map(line => [bg.icon]\n${line}).join('\n')
})
bg.icon./script2.js
. /script.jsの拡張版
マーカー記法
ハイライト
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'ハイライト',
onClick: text => text.split('\n').map(line => [[${line}]]).join('\n')
})
太字記法
太字
code:script2.js
scrapbox.PopupMenu.addButton({
title: '太字',
onClick: text => text.split('\n').map(line => [* ${line}]).join('\n')
})
太字記法
太字*4
code:script2.js
scrapbox.PopupMenu.addButton({
title: '太字*4',
onClick: text => text.split('\n').map(line => [**** ${line}]).join('\n')
})
太字*10
code:script2.js
scrapbox.PopupMenu.addButton({
title: '太字*10',
onClick: text => text.split('\n').map(line => [********** ${line}]).join('\n')
})
斜体記法
斜体
code:script2.js
scrapbox.PopupMenu.addButton({
title: '斜体',
onClick: text => text.split('\n').map(line => [/ ${line}]).join('\n')
})
明朝体記法
明朝体
This is the Mincho-tai!
code:script2.js
scrapbox.PopupMenu.addButton({
title: '明朝体',
onClick: text => text.split('\n').map(line => [+! ${line}]).join('\n')
})
打ち消し線
strike through
code:script2.js
scrapbox.PopupMenu.addButton({
title: '打ち消し線',
onClick: text => text.split('\n').map(line => [- ${line}]).join('\n')
})
下線記法
下線
code:script2.js
scrapbox.PopupMenu.addButton({
title: '下線',
onClick: text => text.split('\n').map(line => [_ ${line}]).join('\n')
})
下線（波線・赤）
赤波線
code:script2.js
scrapbox.PopupMenu.addButton({
title: '赤波線',
onClick: text => text.split('\n').map(line => [_~ ${line}]).join('\n')
})
モザイク記法
モザイク
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'モザイク',
onClick: text => text.split('\n').map(line => [~ ${line}]).join('\n')
})
海苔記法
黒塗り
code:script2.js
scrapbox.PopupMenu.addButton({
title: '黒塗り',
onClick: text => text.split('\n').map(line => [& ${line}]).join('\n')
})
引用記法
引用
code:script2.js
scrapbox.PopupMenu.addButton({
title: '> 引用',
onClick: text => text.split(/\n/).map(line => > ${line}).join('\n')
});
インライン引用記法
インライン引用
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'インライン引用',
onClick: text => text.split('\n').map(line => [" ${line}]).join('\n')
})
引用記法A
code:script2.js
scrapbox.PopupMenu.addButton({
title: '引用記法A',
onClick: text => text.split('\n').map(line => [>/ ${line}]).join('\n')
})
引用記法B
code:script2.js
scrapbox.PopupMenu.addButton({
title: '引用記法B',
onClick: text => text.split('\n').map(line => [>_ ${line}]).join('\n')
})
引用記法C
code:script2.js
scrapbox.PopupMenu.addButton({
title: '引用記法C',
onClick: text => text.split('\n').map(line => [>' ${line}]).join('\n')
})
引用記法D
code:script2.js
scrapbox.PopupMenu.addButton({
title: '引用記法D',
onClick: text => text.split('\n').map(line => [>+ ${line}]).join('\n')
})
出典記法/リンクを出典アイコンにするUserCSS
井戸端
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'リンクを添字形式に',
onClick: text => text.split('\n').map(line => [. ${line}]).join('\n')
})
インラインコード記法
code
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'code',
onClick: text => text.split('\n').map(line => \`${line}\`).join('\n')
})
数式記法
$ TeX
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'TeX',
onClick: text => text.split('\n').map(line => [$ ${line}]).join('\n')
})
ルビ記法
サファイアルビ
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'ルビ',
onClick: text => text.split('\n').map(line => [< ${line}]).join('\n')
})
上付き
下付き
ユーザーフラッグ記法
仮書き
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'ユーザーフラッグとして挿入',
onClick: text => text.split('\n').map(line => [> [${line}]]).join('\n')
})
井戸端を検索
code:script2.js
// 選択された文字列をScrapboxプロジェクト内で検索する
// Scapbox検索ボックスを使ったときと同じ結果ページを開く
scrapbox.PopupMenu.addButton({
title: '🔍️project内検索',
onClick: function (text) {
var projectName = 'villagepump';
window.open('https://scrapbox.io/'+ projectName +'/search/page?q=' + text);
}
});
ページタイトル記法
bg.iconページタイトル
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'ページタイトル',
onClick: text => text.split('\n').map(line => [bg.icon][**** ${line}]\n).join('\n')
})
bg.iconをCSSで描画するUserCSS（bg.icon)
bg.icon改ページ記号を挿入
code:script2.js
scrapbox.PopupMenu.addButton({
title: '改ページ記号を挿入',
onClick: text => text.split('\n').map(line => [bg.icon]\n${line}).join('\n')
})
セパレーター記法
ラベル付き区切り線
'_
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'ラベル付き区切り線',
onClick: text => text.split('\n').map(line => ['_ ${line}]).join('\n')
})
セパレーター記法
ラベル付き区切り破線
'_-
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'ラベル付き区切り破線',
onClick: text => text.split('\n').map(line => ['_- ${line}]).join('\n')
})
hr.iconをCSSで描画するUserCSS（hr.icon）
hr.icon
[hr.icon]の挿入
code:script2.js
scrapbox.PopupMenu.addButton({
title: 'hr.iconを挿入',
onClick: text => text.split('\n').map(line => [hr.icon]\n${line}).join('\n')
})
中央揃え記法
中央添え
'
code:script2.js
scrapbox.PopupMenu.addButton({
title: '中央添え',
onClick: text => text.split('\n').map(line => [' ${line}]).join('\n')
})
bg.icon非常に特殊な用途
もしかして：ゴミ箱分類群
ジョークやイースターエッグの類
ネタバレページを非表示にするCSS
Nrem.icon誤爆時のリスクが大きすぎるので未収録にすべきです
動くユーザフラッグ記法
code:something.js
scrapbox.PopupMenu.addButton({
title: '動くユーザーフラッグ記法',
onClick: text => text.split('\n').map(line => [+> ${line}]).join('\n')
})
bg.icon
正直全部覚えていられないし、UserScript化すればそもそも覚える必要がないですねNrem.icon
（もしかしたら既にあるのかもしれないが）すぐには見つからないようなので、このページをもって適当な共有財にします
project固有の記法の Popup Menu を利用者が各自で用意しなければいけないのは不合理極まりない
Popup menu
欲しいUserScript
#UserScript
#要約テンプレート